<template>
  <div  style="text-align: center;font-weight: bolder">
    <!-- 顶部 card  -->
    欢迎来到后台管理系统
<!--    <top-panel class="row-container" />-->
<!--    &lt;!&ndash; 中部图表  &ndash;&gt;-->
<!--    <middle-chart class="row-container" />-->
<!--    &lt;!&ndash; 列表排名 &ndash;&gt;-->
<!--    <rank-list class="row-container" />-->
<!--    &lt;!&ndash; 出入库概览 &ndash;&gt;-->
<!--    <over-view class="row-container" />-->
  </div>
</template>

<script lang="ts">
export default {
  name: 'DashboardBase',
};
</script>

<script setup lang="ts">
import TopPanel from './components/top-panel.vue';
import MiddleChart from './components/middle-chart.vue';
import RankList from './components/rank-list.vue';
import OverView from './components/overview.vue';
</script>

<style scoped>
.row-container {
  margin-bottom: 10px;
}
</style>
